﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.master" AutoEventWireup="true" 
	CodeBehind="Symbols.aspx.cs" Inherits="C1LineChart_Symbols" %>
<%@ Register Assembly="C1.Web.Wijmo.Controls.3" namespace="C1.Web.Wijmo.Controls.C1Chart" tagPrefix="wijmo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Head" Runat="Server">
	<script type = "text/javascript">
		function hintContent() {
			return this.y;
		}
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
	<wijmo:C1LineChart runat = "server" ID="C1LineChart1"  ShowChartLabels="False" Height="475" Width = "756">
		<Header Text="2010年10月的Twitter趋势"></Header>
		<Hint OffsetY="-10">
			<Content Function="hintContent" />
		</Hint>
		<SeriesHoverStyles>
			<wijmo:ChartStyle StrokeWidth="8" Opacity="1" />
		</SeriesHoverStyles>
		<SeriesStyles>
			<wijmo:ChartStyle Stroke="#00a6dd" StrokeWidth="5" Opacity="0.8" />
		</SeriesStyles>
		<SeriesList>
			<wijmo:LineChartSeries Label="#Wijmo" LegendEntry="true">
				<Markers Visible="true" Type="Circle">
					<Symbol>
						<wijmo:LineChartMarkerSymbol Index="6" Url="Images/wijmo.png" Width="30" Height="30" />
						<wijmo:LineChartMarkerSymbol Index="2" Url="Images/hatemo.png" Width="30" Height="30" />
					</Symbol>
				</Markers>
				<Data>
					<X>
						<Values>
							<wijmo:ChartXData DateTimeValue="2010-11-21" />
							<wijmo:ChartXData DateTimeValue="2010-11-22" />
							<wijmo:ChartXData DateTimeValue="2010-11-23" />
							<wijmo:ChartXData DateTimeValue="2010-11-24" />
							<wijmo:ChartXData DateTimeValue="2010-11-25" />
							<wijmo:ChartXData DateTimeValue="2010-11-26" />
							<wijmo:ChartXData DateTimeValue="2010-11-27" />
							<wijmo:ChartXData DateTimeValue="2010-11-28" />
							<wijmo:ChartXData DateTimeValue="2010-11-29" />
						</Values>
					</X>
					<Y>
						<Values>
							<wijmo:ChartYData DoubleValue="12" />
							<wijmo:ChartYData DoubleValue="30" />
							<wijmo:ChartYData DoubleValue="6" />
							<wijmo:ChartYData DoubleValue="22" />
							<wijmo:ChartYData DoubleValue="14" />
							<wijmo:ChartYData DoubleValue="25" />
							<wijmo:ChartYData DoubleValue="41" />
							<wijmo:ChartYData DoubleValue="14" />
							<wijmo:ChartYData DoubleValue="3" />
						</Values>
					</Y>
				</Data>
			</wijmo:LineChartSeries>
		</SeriesList>
	</wijmo:C1LineChart>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" Runat="Server">
	<p>通过<strong>C1LineChart </strong>，您可以使用特殊的符号（如图片）自定义标记。</p><br/>
	<p>示例中使用以下属性自定义标签：</p>
	<ul>
		<li><strong>LineChartSeries.Markers.Symbol</strong>&nbsp;&nbsp; - 包含<strong> LineChartMarkerSymbol </strong>实例的集合。</li>
		<li><strong>LineChartMarkerSymbol.Index</strong> - 指定系列中的索引标记。</li>
		<li><strong>LineChartMarkerSymbol.Url</strong> - 指定符号图片的url。</li>
		<li><strong>LineChartMarkerSymbol.Width</strong> - 指定符号的宽度。</li>
		<li><strong>LineChartMarkerSymbol.Height</strong> - 指定符号的高度。</li>
	</ul>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" Runat="Server">
</asp:Content>

